﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>City Blog Theme - Free CSS Template</title>
<meta name="keywords" content="city, blog, web, theme, design, free templates, website templates, CSS, HTML" />
<meta name="description" content="City Blog Theme is a free website template provided by templatemo.com for all webmasters." />
<link href="~/App_Themes/default/templatemo_style.css" rel="stylesheet" type="text/css" />

<link href="css/svwp_style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.slideViewerPro.1.0.js" type="text/javascript"></script>

<!-- Optional plugins  -->
<script src="js/jquery.timers.js" type="text/javascript"></script>

</head>
<body>

<div id="templatemo_wrapper">
  <div id="templatemo_header">
        
    </div> 
    <!-- end of templatemo_header -->

	<div id="templatemo_menu">
        <ul>
            <li><a href="index.html" class="current">Home</a></li>
            <li><a href="about.html">Services</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="contact.html">Contact Us</a></li>
        </ul>    	
    </div> <!-- end of templatemo_menu -->
    
    <div id="templatemo_main">
    	<div id="templatemo_content">
        
        	<div id="templatemo_slider">
                <div id="featuredslideshow">
                    <ul> 
                        <li><img width="580" height="300" alt="Mauris quis eros arcu" src="~/images/slideshow/01.jpg" /></li> 
                        <li><img width="580" height="300" alt="Cras porta porta turpis" src="~/images/slideshow/02.jpg" /></li> 
                        <li><img width="580" height="300" alt="Nullam ac mi id massa consectetur" src="~/images/slideshow/03.jpg" /></li> 
                        <li><img width="580" height="300" alt="Maecenas venenatis viverra nisi" src="~/images/slideshow/04.jpg" /></li> 
                        <li><img width="580" height="300" alt="Nunc sit amet tortor vitae arcu ultricies" src="~/images/slideshow/05.jpg" /></li> 
                        <!-- eccetera --> 
                    </ul> 
                </div>
                <script type="text/javascript">
                     $("div#featuredslideshow").slideViewerPro({ 
                    thumbs: 4,  
                    thumbsPercentReduction: 15, 
                    galBorderWidth: 0, 
                    galBorderColor: "#666", 
                    thumbsTopMargin: 10, 
                    thumbsRightMargin: 10, 
                    thumbsBorderWidth: 1, 
                    thumbsActiveBorderColor: "#000", 
                    thumbsActiveBorderOpacity: 0.8, 
                    thumbsBorderOpacity: 0, 
                    buttonsTextColor: "#707070", 
                    autoslide: true,  
                    typo: true 
                    });  	
                </script>
            </div>
            
            <div class="post_box">
        		<img src="~/images/templatemo_image_01.jpg" alt="image" />
                <div class="post_box_right">               
					<h2>Web Design Tips</h2>
				  <div class="post_meta"><strong>Date:</strong> May 26th, 2048 | <strong>Author:</strong> Steve</div>
                    <p><a href="http://www.templatemo.com" target="_parent">templatemo.com</a> provides a lot of high quality free css templates for your personal or commercial websites. Credits go to <a href="http://www.photovaco.com/" target="_blank">PhotoVaco</a> for photos, <a href="http://www.brusheezy.com/brushes/1639-Urban" target="_blank">Rawox</a> for brush and <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/" target="_blank">slideViewerPro</a> for image slider.</p>
                 <a href="blog_post.html" class="more">Read more</a><br />
                   <div class="category">Category: <a href="#">Freebies</a>, <a href="#">Templates</a> | <a href="blog_post.html">244 comments</a></div>
    			</div>
                <div class="cleaner"></div>
            </div>
            
           	<div class="post_box post_box_last">
            
            	<img src="~/images/templatemo_image_02.jpg" alt="image" />
                
                <div class="post_box_right">
	                <h2>Free Web Templates</h2>
				  <div class="post_meta"><strong>Date:</strong> May 18th, 2048 | <strong>Author:</strong> David</div>
                	<p>Mauris cursus, est at pretium sollicitudin, nunc ligula iaculis quam,   pellentesque dapibus leo velit auctor dui. Vivamus non enim diam, at   rutrum lorem. Praesent ut lacus nulla, nec aliquam nunc. Nam at odio   tortor. Cras porta porta turpis, sed ornare quam adipiscing non. Mauris   sit amet ipsum enim. Mauris et elit eget risus congue malesuada aliquet   eget augue. Duis sit amet tortor libero. </p>
                <a href="blog_post.html" class="more">Read more</a><br />
                    <div class="category">Category: <a href="#">Web Design</a>, <a href="#">Templates</a> | <a href="blog_post.html">128 comments</a></div>
                </div>
                <div class="cleaner"></div>
            </div>
        
        </div> <!-- end of content -->
        
        <div id="templatemo_sidebar">
        
	        <div class="sidebar_box">
            <-- facebook  --/>
            </div>  
        	
            <div class="sidebar_box">
            	<h4>&nbsp;</h4>
            </div>
            
            <div class="sidebar_box">
           	  <h4>Recent comments</h4>
                <div class="recent_comment_box">
                    <a href="#">Lorem ipsum dolor si</a>
                    <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
                </div>
                
                <div class="recent_comment_box">
                    <a href="#">Aenean feugiat mattis </a>
                    <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                </div>
                
                <div class="recent_comment_box last_recent_comment_box">
                    <a href="#"> Lacus enim id lacinia in</a>
                    <p>Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
                </div>
          </div>
        	
        </div> <!-- end of sidebar -->
    
    	<div class="cleaner"></div>
    </div> <!-- end of main -->

</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
		<a href="index.html" class="current">Home</a> | <a href="services.html">Services</a> | <a href="about.html">About Us</a> | <a href="gallery.html">Gallery</a> | <a href="contact.html">Contact Us</a>
	  <div class="cleaner h10"></div>	   
         	
        <p>Copyright © 2011 Website Factory</p>
        <p>Designed by Hot Code Technologies<a href="http://www.templatemo.com" target="_parent"></a>
          
        </p>
        <div class="cleaner"></div>		
  </div>
</div>

</body>
</html>